<template>
   <div class="box2">

<Text style="font-size: 15px;">{{ parameter.name }}</Text>
<Text>{{ parameter.value.toFixed(2) }}</Text>
<Text style="font-size: 10px;">{{ parameter.unit }}</Text>

</div>
</template>
<script>
export default {
  props: {
    // 声明接收的参数及其类型
    parameter:{
        type: Object,
        required: true
    },


    
  }
}

</script>



<style scoped>

.box2 {
        background-color: rgba(135, 206, 235, 0.5); /* 半透明背景色 */
        display: flex;
      justify-content: center; /* 内容水平居中 */
      font-size: 20px;
      color: white;
      height: 100%; /* 高度占满单元格 */
      flex-direction: column; /* 子元素垂直排列 */

      box-sizing: border-box;


  align-items: center; /* 水平居中 */
   
    }

</style>